<!--
- Author:  Lgh.
- Date:    2017/7/6 0006.
- File:    上拉加载更多时 加载提示.
-->
<template>
  <div class="page-infinite-loading" v-show="show">
    <div v-show="!allLoaded">
      <mt-spinner type="fading-circle"></mt-spinner>
      正在加载中...
    </div>
    <div v-show="allLoaded">
      没有更多数据了~
    </div>
  </div>
</template>

<script>
import {Spinner} from 'mint-ui'
export default{
  data () {
    return {}
  },
  props: {
    show: {
      type: Boolean,
      default: function () {
        return false
      }
    },
    allLoaded: {
      type: Boolean,
      default: function () {
        return false
      }
    }
  },
  components: {
    'mtSpinner': Spinner
  }
}
</script>

<style>
  .page-infinite-loading {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
  }

  .page-infinite-loading .mint-spinner-fading-circle {
    margin: 0 auto;
  }
</style>
